<template>
  <div>
    <h1>App</h1>
    <button @click="count++">count++</button>

    <Hello />
  </div>
</template>

<script>
import Hello from './Hello.vue'
import { provide, ref } from 'vue'

export default {
  components: {
    Hello,
  },

  setup() {
    provide('key1', 'value1')
    provide('key2', 'value2')

    const count = ref(10)

    provide('key3', count)
    return {
      count,
    }
  },
}
</script>
